widgets.brease.NumPad

The NumPad widget can not be used in a content directly, but its possible to use styles for it

Widget Description

short: NumPad zur Eingabe numerischer Werte
de: NumPad zur Eingabe numerischer Werte
en: NumPad for the input of numeric values

Properties

name description category type defaultValue bindable readOnly required localizable editableBinding projectable cssProp (has no setter and getter in JS) groupRefId groupOrder nodeRefId (for linking node and value) deprecated typeRefId (for StyleReference) subtype (for MpComIdentReference)
autoRaise Can be used to configure the behavior of raising a window above others when the user clicks on it. The default behavior will raise the window automaically when the user clicks on it brease.enum.AutoRaise enabled false false false false false true
enable Initial option to enable widget. Behavior Boolean true true false false false false true
modal If true, the window will be modal, in the meaning that no interaction with beneath page is possible. A semi transparent overlay between window and parent application will catch user actions. It depends on settings 'showCloseButton' and 'forceInteraction' how the user can close the window. Boolean true false false false false false true
permissionOperate restricts operability to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
permissionView restricts visibility to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
position Horizontal and vertical position of the Window. Either a string (horizontal:left/center/right, vertical:top/middle/bottom) or an integer. Example : 
  {'horizontal': 'center', 'vertical': 105}
Object {'horizontal':'center', 'vertical':'middle'} false false false false false true
style reference to a style for this widget type Appearance StyleReference default true false false false false true
tabIndex sets if a widget should have autofocus enabled (0), the order of the focus (>0), or if autofocus should be disabled (-1) Behavior Integer -1 false false false false false true
tooltip reference to a tooltip for a widget Appearance String false false false true false true
visible change visibility Behavior Boolean true true false false false false true
zIndex The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
 UInteger no defaultValue
defined		 false false true true true
left absolute position measured from left boundary of parent container Integer no defaultValue
defined		 false false false true true
top absolute position measured from top boundary of parent container Integer no defaultValue
defined		 false false false true true
height outer height of widget Size 411 false false false true true
width outer width of widget Size 354 false false false true true

Styleable Properties

name type description defaultValue
cornerRadius PixelValCollection 0px
backColor Color #FFFFFF
backGroundGradient Gradient
headerGradient Gradient
borderColor ColorCollection #333333
textColor Color #000000
mouseDownBackColor Color #FFA800
mouseDownTextColor Color #000000
buttonBackGroundGradient Gradient
buttonCornerRadius PixelValCollection 0px
buttonMouseDownBackGroundGradient Gradient
buttonMouseDownBorderColor ColorCollection #333333
buttonBackColor Color #FFFFFF
buttonMargin PixelValCollection 0px 0px 0px 0px
buttonBorderColor ColorCollection #555555
buttonBorderWidth PixelValCollection 1px 1px 1px 1px
opacity Opacity 1
fontName FontName Arial
shadow Shadow none
sliderForeColor Color #FFF
sliderForeGroundGradient Gradient
sliderOutputBackColor Color transparent
valueBackColor Color

Sets the background color of the numericValue

 #FFFFFF
valueBackGroundGradient Gradient

Background as a gradient
valueBorderColor ColorCollection

Sets the border color of the numericValue. For further information, please see its type

 #333333
valueBorderStyle BorderStyle

Sets the border style of the numericValue

 none
valueBorderWidth PixelValCollection

Sets the border width of the numericValue. For further information, please see its type

 1px
valueCornerRadius PixelValCollection

Sets the radius of the numericValue rounded corners. For further information, please see its type

 0px
valueFontName FontName

Sets the font name of the displayed text in the numericValue output

 Arial
valueFontSize PixelVal

Sets the font size of the displayed text in the numericValue output

 18px
valueTextAlign brease.enum.TextAlign

Aligns the value text

 left
valueTextColor Color

Sets the color of the displayed text

 #000000
valueShadow Shadow

Sets the shadow effect of the widget. For further information, please see its type

 none
showSlider Boolean

If false numericValue is shown

 true
showMinMax Boolean

If true minMax value is shown

 true
imageDeleteBackground ImagePath

Sets the backgroundimage of the delete icon
mouseDownImageDeleteBackground ImagePath

Sets the backgroundimage of the delete icon when mouse down
imageEnterBackground ImagePath

Sets the backgroundimage of the Enter icon
mouseDownImageEnterBackground ImagePath

Sets the backgroundimage of the Enter icon when mouse down

Events

name description arguments
DisabledClick Fired when disabled element is clicked on.
  • origin: String

    id of widget that triggered this event

  • hasPermission: Boolean

    defines if the state is caused due to missing roles of the current user

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

FocusIn Fired when the widgets gets focus
FocusOut Fired when the widgets lost focus

Actions

name description arguments result
Focus Sets focus on the widget element, if it can be focused and keyboardOperation=true
ShowTooltip